 <!-- 发布工作页面 -->
<template>
  <div class="jobDetail">
    <el-descriptions title="直聘" :column="column">
      <el-descriptions-item contentStyle="font-weight:550" label="公司名称">{{
        list.companyName
      }}</el-descriptions-item>
      <el-descriptions-item label="在招行业">{{
        list.post
      }}</el-descriptions-item>
      <el-descriptions-item label="学历要求">{{
        list.education
      }}</el-descriptions-item>
      <el-descriptions-item label="经验要求">{{
        list.workYear
      }}</el-descriptions-item>
      <el-descriptions-item label="任职要求">
        {{ list.jobRequirements }}
      </el-descriptions-item>
      <el-descriptions-item label="岗位职业">
        {{ list.positionStatement }}
      </el-descriptions-item>
      <el-descriptions-item label="福利待遇">
        {{ list.socialBenefits }}
      </el-descriptions-item>
      <el-descriptions-item label="工作地点">
        {{ list.workPlace }}
      </el-descriptions-item>
      <el-descriptions-item contentStyle="color:red" label="提供薪资">
        {{ list.pay }}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import jobDetail from "../request/index";
export default {
  props: ["jobId"],
  data() {
    return {
      list: [], // 详情数据
      column: 1, // 每行一条
    };
  },

  methods: {
    // 获取详情数据
    getjobDetail() {
      jobDetail.tojobDetail(this.jobId).then((res) => {
        if (res.data.code == 200) {
          let result = res.data.result;
          this.list = result;
          console.log(this.list);
        }
      });
    },
  },
//初始化页面
  created() {
    this.getjobDetail();
  },
};
</script>

<style lang="scss" scoped >
* {
  padding: 0;
  margin: 0;
}
.jobDetail {
  margin-bottom: 30px;
  ::v-deep .el-descriptions__title {
    color: rgb(8, 241, 241);
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
  }
  ::v-deep .el-descriptions__header {
    margin-bottom: 40px;
  }
  ::v-deep .el-descriptions-item__container {
    margin-left: 100px;
  }
}
</style>
